<template>
    <div>
        <!-- mobile-menu-area start -->
		<div class="mobile-menu-area">
			<div class="container">
				<div class="row">
					<div class="col-md-12">
						<div class="mobile-menu">
							<nav id="dropdown">
								<ul>
									<li>
										<a class="active1" href="index.html">
											Home
										</a>
										<ul>
											<li>
												<a href="index.html">
													home version 1
												</a>
											</li>
											<li>
												<a href="index-2.html">
													home version 2
												</a>
											</li>
											<li>
												<a href="index-3.html">
													home version 3
												</a>
											</li>
										</ul>
									</li>
									<li class="active1">
										<a class="active1" href="#">
											Pages
										</a>
										<ul>
											<li>
												<a href="about-us.html">
													about us
												</a>
											</li>
											<li>
												<a href="cart.html">
													cart
												</a>
											</li>
											<li>
												<a href="checkout.html">
													checkout
												</a>
											</li>
											<li>
												<a href="wishlist.html">
													wishlist
												</a>
											</li>
											<li>
												<a href="login.html">
													login
												</a>
											</li>
											<li>
												<a href="register.html">
													register
												</a>
											</li>
											<li>
												<a href="contact.html">
													contact
												</a>
											</li>
											<li>
												<a href="shop-page.html">
													shop page
												</a>
											</li>
											<li>
												<a href="shop-list.html">
													shop list
												</a>
											</li>
											<li>
												<a href="single-product.html">
													single product
												</a>
											</li>
											<li>
												<a href="404.html">
													404 page
												</a>
											</li>
										</ul>
									</li>
									<li class="active1">
										<a class="active1" href="#">
											Blog
										</a>
										<ul>
											<li>
												<a href="blog-page.html">
													blog-page
												</a>
											</li>
											<li>
												<a href="blog-sidebar.html">
													blog left sidebar
												</a>
											</li>
											<li>
												<a href="blog-right-sidebar.html">
													blog right sidebar
												</a>
											</li>
											<li>
												<a href="blog-details.html">
													blog-details
												</a>
											</li>
										</ul>
									</li>
									<li>
										<a href="about-us.html">
											about us
										</a>
									</li>
									<li>
										<a href="contact.html">
											Contacts
										</a>
									</li>
								</ul>
							</nav>
						</div>
					</div>
				</div>
			</div>
		</div>
		<!-- mobile-menu-area end -->
		<!-- breadcrumbs start -->
		<div class="breadcrumbs-area breadcrumb-bg ptb-100">
			<div class="container">
				<div class="breadcrumbs text-center">
					<h2 class="breadcrumb-title">
						single product
					</h2>
					<ul>
						<li>
							<a class="active" href="index.html">
								Home
							</a>
						</li>
						<li>
							single product
						</li>
					</ul>
				</div>
			</div>
		</div>
		<!-- breadcrumbs area end -->
		<!-- single product area start -->
		<div class="single-product-area ptb-100">
			<div class="container">
				<div class="row">
					<div class="col-md-5">
						<div class="product-details-tab">
							<!-- Tab panes -->
							<div class="tab-content">
								<div class="tab-pane active" id="product1">
									<div class="large-img">
										<img src="assets/img/shop/3.jpg" alt="" />
									</div>
								</div>
								<div class="tab-pane" id="product2">
									<div class="large-img">
										<img src="assets/img/shop/4.jpg" alt="" />
									</div>
								</div>
								<div class="tab-pane" id="product3">
									<div class="large-img">
										<img src="assets/img/shop/5.jpg" alt="" />
									</div>
								</div>
								<div class="tab-pane" id="product4">
									<div class="large-img">
										<img src="assets/img/shop/6.jpg" alt="" />
									</div>
								</div>
								<div class="tab-pane" id="product5">
									<div class="large-img">
										<img src="assets/img/shop/3.jpg" alt="" />
									</div>
								</div>
								<div class="tab-pane" id="product6">
									<div class="large-img">
										<img src="assets/img/shop/4.jpg" alt="" />
									</div>
								</div>
							</div>
							<!-- Nav tabs -->
							<div class="details-tab owl-carousel">
								<div class="active">
									<a href="#product1" data-toggle="tab">
										<img src="assets/img/shop/3.jpg" alt="" />
									</a>
								</div>
								<div>
									<a href="#product2" data-toggle="tab">
										<img src="assets/img/shop/4.jpg" alt="" />
									</a>
								</div>
								<div>
									<a href="#product3" data-toggle="tab">
										<img src="assets/img/shop/5.jpg" alt="" />
									</a>
								</div>
								<div>
									<a href="#product4" data-toggle="tab">
										<img src="assets/img/shop/6.jpg" alt="" />
									</a>
								</div>
								<div>
									<a href="#product5" data-toggle="tab">
										<img src="assets/img/shop/3.jpg" alt="" />
									</a>
								</div>
								<div>
									<a href="#product6" data-toggle="tab">
										<img src="assets/img/shop/4.jpg" alt="" />
									</a>
								</div>
							</div>
						</div>
					</div>
					<div class="col-md-7">
						<div class="single-product-content">
							<div class="single-product-dec pb-30  for-pro-border">
								<h2>
									Product Title
								</h2>
								<span class="ratting">
									<i class="fa fa-star active">
									</i>
									<i class="fa fa-star active">
									</i>
									<i class="fa fa-star active">
									</i>
									<i class="fa fa-star active">
									</i>
									<i class="fa fa-star active">
									</i>
								</span>
								<h3>
									$200
								</h3>
								<p>
									Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo
									ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis
									dis parturient montes Cum sociis natoque penatibus et magnis dis parturient
									montes consectetuer adipiscing.
								</p>
							</div>
							<div class="single-cart-color for-pro-border">
								<p>
									availability :
									<span>
										in stock
									</span>
								</p>
								<div class="pro-color pro-color-style-2">
									<p>
										color :
									</p>
									<ul>
										<li class="blue">
											b
										</li>
										<li class="orange">
											o
										</li>
										<li class="purple">
											p
										</li>
										<li class="pink">
											p
										</li>
									</ul>
								</div>
								<div class="pro-color-size">
									<p>
										size :
									</p>
									<ul>
										<li>
											<a href="#">
												xs
											</a>
										</li>
										<li>
											<a href="#">
												s
											</a>
										</li>
										<li>
											<a href="#">
												m
											</a>
										</li>
										<li>
											<a href="#">
												l
											</a>
										</li>
										<li>
											<a href="#">
												xl
											</a>
										</li>
									</ul>
								</div>
								<div class="model">
									<p>
										model :
										<span>
											nms005
										</span>
									</p>
								</div>
								<div class="pro-quality">
									<p>
										Quantity:
									</p>
									<input value="1" type="number">
								</div>
								<div class="single-pro-cart">
									<a href="#" title="Add to Cart">
										<i class="pe-7s-cart">
										</i>
										add to cart
									</a>
									<a href="#" title="wishlist">
										<i class="pe-7s-like">
										</i>
										wishlist
									</a>
								</div>
							</div>
							<div class="pro-category-tag ptb-30 for-pro-border">
								<div class="pro-category">
									<p>
										categories :
									</p>
									<ul>
										<li>
											<a href="#">
												fashion
											</a>
										</li>
										<li>
											<a href="#">
												kid
											</a>
										</li>
										<li>
											<a href="#">
												men
											</a>
										</li>
										<li>
											<a href="#">
												women
											</a>
										</li>
										<li>
											<a href="#">
												Watche
											</a>
										</li>
									</ul>
								</div>
								<div class="pro-tag">
									<p>
										tags :
									</p>
									<ul>
										<li>
											<a href="#">
												Clothing
											</a>
										</li>
										<li>
											<a href="#">
												accessories
											</a>
										</li>
										<li>
											<a href="#">
												fashion
											</a>
										</li>
										<li>
											<a href="#">
												footwear
											</a>
										</li>
										<li>
											<a href="#">
												kid
											</a>
										</li>
									</ul>
								</div>
							</div>
							<div class="pro-shared">
								<p>
									shared :
								</p>
								<ul>
									<li>
										<a href="#">
											<i class="fa fa-facebook">
											</i>
										</a>
									</li>
									<li>
										<a href="#">
											<i class="fa fa-twitter">
											</i>
										</a>
									</li>
									<li>
										<a href="#">
											<i class="fa fa-google-plus">
											</i>
										</a>
									</li>
									<li>
										<a href="#">
											<i class="fa fa-instagram">
											</i>
										</a>
									</li>
									<li>
										<a href="#">
											<i class="fa fa-pinterest-p">
											</i>
										</a>
									</li>
								</ul>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<!-- single product area end -->
		<!-- single product area end -->
		<div class="single-product-dec-area">
			<div class="container">
				<div class="single-product-dec-tab">
					<ul role="tablist">
						<li class="active">
							<a href="#description" data-toggle="tab">
								description
							</a>
						</li>
						<li>
							<a href="#reviews" data-toggle="tab">
								reviews
							</a>
						</li>
					</ul>
				</div>
				<div class="single-product-dec pb-100">
					<div class="tab-content">
						<div class="tab-pane active" id="description">
							<p>
								Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo
								ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis
								dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies
								nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim.Lorem
								ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula
								eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient
								montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque
								eu, pretium quis, sem. Nulla consequat massa quis enim.
							</p>
							<p>
								Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo
								ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis
								dis parturient montes Cum sociis natoque penatibus et magnis dis parturient
								montes.Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean
								commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et
								magnis dis parturient montes Cum sociis natoque penatibus et magnis dis
								parturient montes.
							</p>
						</div>
						<div class="tab-pane" id="reviews">
							<div class="customer-reviews-all">
								<div class="row">
									<div class="col-md-6">
										<p>
											<a href="#">
												themeglass
											</a>
											Review by AbcThemes
										</p>
										<div class="single-reviews">
											<div class="single-reviews-left">
												<p>
													Quality :
												</p>
											</div>
											<div class="single-reviews-right">
												<ul>
													<li>
														<i class="fa fa-star">
														</i>
													</li>
													<li>
														<i class="fa fa-star">
														</i>
													</li>
													<li>
														<i class="fa fa-star">
														</i>
													</li>
													<li>
														<i class="fa fa-star">
														</i>
													</li>
													<li>
														<i class="fa fa-star">
														</i>
													</li>
												</ul>
											</div>
										</div>
										<div class="single-reviews">
											<div class="single-reviews-left">
												<p>
													Price :
												</p>
											</div>
											<div class="single-reviews-right">
												<ul>
													<li>
														<i class="fa fa-star">
														</i>
													</li>
													<li>
														<i class="fa fa-star">
														</i>
													</li>
													<li>
														<i class="fa fa-star">
														</i>
													</li>
													<li>
														<i class="fa fa-star">
														</i>
													</li>
													<li>
														<i class="fa fa-star-o">
														</i>
													</li>
												</ul>
											</div>
										</div>
										<div class="single-reviews">
											<div class="single-reviews-left">
												<p>
													Value :
												</p>
											</div>
											<div class="single-reviews-right">
												<ul>
													<li>
														<i class="fa fa-star">
														</i>
													</li>
													<li>
														<i class="fa fa-star">
														</i>
													</li>
													<li>
														<i class="fa fa-star">
														</i>
													</li>
													<li>
														<i class="fa fa-star-o">
														</i>
													</li>
													<li>
														<i class="fa fa-star-o">
														</i>
													</li>
												</ul>
											</div>
										</div>
										<p>
											themeglass (Posted on 27/09/2018)
										</p>
									</div>
									<div class="col-md-6">
										<div class="form-add table-responsive">
											<form action="#">
												<div class="form-border">
													<div class="add-text">
														<h3>
															You're reviewing:
															<span>
																product title
															</span>
														</h3>
														<p>
															How do you rate this product?*
														</p>
													</div>
													<table class="data-table">
														<tr>
															<th>
															</th>
															<th>
																1 star
															</th>
															<th>
																2 stars
															</th>
															<th>
																3 stars
															</th>
															<th>
																4 stars
															</th>
															<th>
																5 stars
															</th>
														</tr>
														<tr>
															<td class="one">
																Quality
															</td>
															<td>
																<input type="radio" name="ratings" required>
															</td>
															<td>
																<input type="radio" name="ratings" required>
															</td>
															<td>
																<input type="radio" name="ratings" required>
															</td>
															<td>
																<input type="radio" name="ratings" required>
															</td>
															<td>
																<input type="radio" name="ratings" required>
															</td>
														</tr>
														<tr>
															<td class="one">
																Price
															</td>
															<td>
																<input type="radio" name="ratings" required>
															</td>
															<td>
																<input type="radio" name="ratings" required>
															</td>
															<td>
																<input type="radio" name="ratings" required>
															</td>
															<td>
																<input type="radio" name="ratings" required>
															</td>
															<td>
																<input type="radio" name="ratings" required>
															</td>
														</tr>
														<tr>
															<td class="one">
																Value
															</td>
															<td>
																<input type="radio" name="ratings" required>
															</td>
															<td>
																<input type="radio" name="ratings" required>
															</td>
															<td>
																<input type="radio" name="ratings" required>
															</td>
															<td>
																<input type="radio" name="ratings" required>
															</td>
															<td>
																<input type="radio" name="ratings" required>
															</td>
														</tr>
													</table>
												</div>
											</form>
										</div>
									</div>
									<div class="col-md-12">
										<div class="reviews-form">
											<form action="#">
												<div class="row">
													<div class="col-md-6">
														<input placeholder="Your name" type="text">
													</div>
													<div class="col-md-6">
														<input placeholder="Summary of Your Review" type="text">
													</div>
													<div class="col-md-12">
														<textarea id="contact_message" name="message" placeholder="Review">
														</textarea>
														<button class="reviews-btn" type="submit" name="submit">
															Submit Review
														</button>
													</div>
												</div>
											</form>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
				<div class="features-tab pb-100">
					<div class="home-2-tab">
						<ul role="tablist">
							<li class="active">
								<a href="#dresses" data-toggle="tab">
									related post
								</a>
							</li>
						</ul>
					</div>
					<div class="tab-content">
						<div class="tab-pane active" id="dresses">
							<div class="row">
								<div class="product-curosel product-curosel-style owl-carousel">
									<div class="col-md-3 col-sm-6 col-xs-12">
										<div class="single-shop">
											<div class="shop-img">
												<a href="#">
													<img src="assets/img/shop/equal/1.jpg" alt="" />
												</a>
												<div class="shop-quick-view">
													<a href="#" data-toggle="modal" data-target="#quick-view" title="Quick View">
														<i class="pe-7s-look">
														</i>
													</a>
												</div>
												<div class="price-up-down">
													<span class="sale-new">
														sale
													</span>
												</div>
												<div class="button-group">
													<a href="#" title="Add to Cart">
														<i class="pe-7s-cart">
														</i>
														add to cart
													</a>
													<a class="wishlist" href="#" title="Wishlist">
														<i class="pe-7s-like">
														</i>
														Wishlist
													</a>
												</div>
											</div>
											<div class="shop-text-all">
												<div class="title-color fix">
													<div class="shop-title f-left">
														<h3>
															<a href="#">
																Tops
															</a>
														</h3>
													</div>
													<div class="price f-right">
														<span class="new">
															$120.00
														</span>
													</div>
												</div>
											</div>
										</div>
									</div>
									<div class="col-md-3 col-sm-6 col-xs-12">
										<div class="single-shop">
											<div class="shop-img">
												<a href="#">
													<img src="assets/img/shop/equal/2.jpg" alt="" />
												</a>
												<div class="shop-quick-view">
													<a href="#" data-toggle="modal" data-target="#quick-view" title="Quick View">
														<i class="pe-7s-look">
														</i>
													</a>
												</div>
												<div class="price-up-down">
													<span class="sale-new">
														sale
													</span>
												</div>
												<div class="button-group">
													<a href="#" title="Add to Cart">
														<i class="pe-7s-cart">
														</i>
														add to cart
													</a>
													<a class="wishlist" href="#" title="Wishlist">
														<i class="pe-7s-like">
														</i>
														Wishlist
													</a>
												</div>
											</div>
											<div class="shop-text-all">
												<div class="title-color fix">
													<div class="shop-title f-left">
														<h3>
															<a href="#">
																Handbag
															</a>
														</h3>
													</div>
													<div class="price f-right">
														<span class="new">
															$130.00
														</span>
													</div>
												</div>
											</div>
										</div>
									</div>
									<div class="col-md-3 col-sm-6 col-xs-12">
										<div class="single-shop">
											<div class="shop-img">
												<a href="#">
													<img src="assets/img/shop/equal/3.jpg" alt="" />
												</a>
												<div class="shop-quick-view">
													<a href="#" data-toggle="modal" data-target="#quick-view" title="Quick View">
														<i class="pe-7s-look">
														</i>
													</a>
												</div>
												<div class="price-up-down">
													<span class="sale-new">
														sale
													</span>
												</div>
												<div class="button-group">
													<a href="#" title="Add to Cart">
														<i class="pe-7s-cart">
														</i>
														add to cart
													</a>
													<a class="wishlist" href="#" title="Wishlist">
														<i class="pe-7s-like">
														</i>
														Wishlist
													</a>
												</div>
											</div>
											<div class="shop-text-all">
												<div class="title-color fix">
													<div class="shop-title f-left">
														<h3>
															<a href="#">
																Perfume
															</a>
														</h3>
													</div>
													<div class="price f-right">
														<span class="new">
															$120.00
														</span>
													</div>
												</div>
											</div>
										</div>
									</div>
									<div class="col-md-3 col-sm-6 col-xs-12">
										<div class="single-shop">
											<div class="shop-img">
												<a href="#">
													<img src="assets/img/shop/equal/8.jpg" alt="" />
												</a>
												<div class="shop-quick-view">
													<a href="#" data-toggle="modal" data-target="#quick-view" title="Quick View">
														<i class="pe-7s-look">
														</i>
													</a>
												</div>
												<div class="price-up-down">
													<span class="sale-new">
														sale
													</span>
												</div>
												<div class="button-group">
													<a href="#" title="Add to Cart">
														<i class="pe-7s-cart">
														</i>
														add to cart
													</a>
													<a class="wishlist" href="#" title="Wishlist">
														<i class="pe-7s-like">
														</i>
														Wishlist
													</a>
												</div>
											</div>
											<div class="shop-text-all">
												<div class="title-color fix">
													<div class="shop-title f-left">
														<h3>
															<a href="#">
																Bag
															</a>
														</h3>
													</div>
													<div class="price f-right">
														<span class="new">
															$121.00
														</span>
													</div>
												</div>
											</div>
										</div>
									</div>
									<div class="col-md-3 col-sm-6 col-xs-12">
										<div class="single-shop">
											<div class="shop-img">
												<a href="#">
													<img src="assets/img/shop/equal/4.jpg" alt="" />
												</a>
												<div class="shop-quick-view">
													<a href="#" data-toggle="modal" data-target="#quick-view" title="Quick View">
														<i class="pe-7s-look">
														</i>
													</a>
												</div>
												<div class="price-up-down">
													<span class="sale-new">
														sale
													</span>
												</div>
												<div class="button-group">
													<a href="#" title="Add to Cart">
														<i class="pe-7s-cart">
														</i>
														add to cart
													</a>
													<a class="wishlist" href="#" title="Wishlist">
														<i class="pe-7s-like">
														</i>
														Wishlist
													</a>
												</div>
											</div>
											<div class="shop-text-all">
												<div class="title-color fix">
													<div class="shop-title f-left">
														<h3>
															<a href="#">
																Tops
															</a>
														</h3>
													</div>
													<div class="price f-right">
														<span class="new">
															$120.00
														</span>
													</div>
												</div>
											</div>
										</div>
									</div>
									<div class="col-md-3 col-sm-6 col-xs-12">
										<div class="single-shop">
											<div class="shop-img">
												<a href="#">
													<img src="assets/img/shop/equal/5.jpg" alt="" />
												</a>
												<div class="shop-quick-view">
													<a href="#" data-toggle="modal" data-target="#quick-view" title="Quick View">
														<i class="pe-7s-look">
														</i>
													</a>
												</div>
												<div class="price-up-down">
													<span class="sale-new">
														sale
													</span>
												</div>
												<div class="button-group">
													<a href="#" title="Add to Cart">
														<i class="pe-7s-cart">
														</i>
														add to cart
													</a>
													<a class="wishlist" href="#" title="Wishlist">
														<i class="pe-7s-like">
														</i>
														Wishlist
													</a>
												</div>
											</div>
											<div class="shop-text-all">
												<div class="title-color fix">
													<div class="shop-title f-left">
														<h3>
															<a href="#">
																Handbag
															</a>
														</h3>
													</div>
													<div class="price f-right">
														<span class="new">
															$120.00
														</span>
													</div>
												</div>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<!-- single product area end -->
    </div>
</template>
<script>
module.exports = {
  data: function () {
    return {};
  },
  };
</script>